import React, { Component } from "react";


class Service extends Component {
  render() {
    return (
        <section id="service" className="service">
        <h2 className="title1">服务流程</h2>
        <p className="intro">
          先通过网站进行选购预约，预约成功后即可登记领养宠物
        </p>
        <div className="services">
          <div className="service-item">
            <i className="fas fa-comments"></i>
            <h2 className="service-title">预约登记</h2>
            <p className="service-content">
              客户需通过网站提前进行预约
            </p>
          </div>
          <div className="service-item">
            <i className="fas fa-paw"></i>
            <h2 className="service-title">挑选宠物</h2>
            <p className="service-content">
              客户通过现场接触确定领养的宠物
            </p>
          </div>
          <div className="service-item">
            <i className="fas fa-pen"></i>
            <h2 className="service-title">签订协议</h2>
            <p className="service-content">
              客户选择领养的宠物，签署必要的领养协议
            </p>
          </div>
          <div className="service-item">
            <i className="fas fa-medkit"></i>
            <h2 className="service-title">接种疫苗</h2>
            <p className="service-content">
              客户携带宠物到宠物医院接种必要的疫苗并进行观察
            </p>
          </div>
          <div className="service-item">
            <i className="fas fa-camera"></i>
            <h2 className="service-title">观察阶段</h2>
            <p className="service-content">
              疫苗接种后的一周内可寄放至宠物店进行观察
            </p>
          </div>
          <div className="service-item">
            <i className="fas fa-check"></i>
            <h2 className="service-title">成功领养</h2>
            <p className="service-content">
              观察期结束后，客户可带自己心爱的宠物离开宠物店
            </p>
          </div>
        </div>
      </section>
    );
  }
}

export default Service;
